Web.Reporter.pl Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przyk│adami
autor: Dariusz Majgier • ostatnia aktualizacja kursu: 2003.06.01

[Start][Elementy HTML][Atrybuty HTML][Style CSS][Porady online]
[A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]
[kolory][tekst][czcionki][rozmiary][pozycje][tabele][listy][formularze]
[struktura][linki][multimedia][bloki][obramowania][t│a][synteza][druk]

width

Atrybut definiuje szeroko╢µ elementu.

nie zalecany w elementach HR, TD, TH, APPLET, PRE zast▒p stylem: width

Warto╢ci atrybutu:

piksele
szeroko╢µ w pikselach, np. width=100
procenty
szeroko╢µ w procentach, np. width=80%
liczba znak≤w
szeroko╢µ w znakach stosowana tylko w elemencie PRE
0*
specjalna, dodatkowa warto╢µ stosowana w elementach COLGROUP i COL, definiuj▒ca minimaln▒ szeroko╢µ, kt≤ra jest w stanie poprawnie wy╢wietliµ kolumnΩ tekstu.
Atrybut u┐ywany w elementach:
COLGROUP, COL, TABLE, IMG, OBJECT, IFRAME
nie zalecany, zast▒p stylem w: HR, TD, TH, APPLET, PRE
Przyk│adowe zastosowania:

• Przyk│ad 1:

PowiΩkszenie obrazka - standardowo "bu╝ka" ma wymiar 12x12 pikseli, ale wpisuj▒c width="24" powiΩkszamy j▒ dwa razy. Przy okazji automatycznie zwiΩksza siΩ wysoko╢µ (je┐eli nie zosta│a podana), kt≤ra te┐ ma teraz 24 piksele.

<img src="../p/sm.gif" width="24">

• Przyk│ad 2:

<table width="50%" border="1"><tr><td>
  A to tabelka, kt≤ra ma dok│adnie 50 proc. szeroko╢ci ekranu.
  Jak widaµ, tekst zostaje automatycznie zawijany
</td></tr></table>

A to tabelka, kt≤ra ma dok│adnie 50 proc. szeroko╢ci ekranu. Jak widaµ, tekst zostaje automatycznie zawijany

• Przyk│ad 3:

<pre width="30">
  W swoich za│o┐eniach element
PRE ma skalowaµ tekst tak, aby 
jego szeroko╢µ w linii nie 
przekracza│a 30 znak≤w. 
</pre>

  W swoich za│o┐eniach element
PRE ma skalowaµ tekst tak, aby 
jego szeroko╢µ w linii nie 
przekracza│a 30 znak≤w. 
 
• • •
Zobacz porady, skrypty, artyku│y i gotowe rozwi▒zania dla w│a╢cicieli stron WWW!